Skip to content

London | 26-ITP-May | Talia Kucuk | Sprint 1 | Form Controls#1260

Open
TaliaKucuk wants to merge 7 commits into
CodeYourFuture:mainfrom
TaliaKucuk:formcontrols
Open

London | 26-ITP-May | Talia Kucuk | Sprint 1 | Form Controls#1260
TaliaKucuk wants to merge 7 commits into
CodeYourFuture:mainfrom
TaliaKucuk:formcontrols

Conversation

@TaliaKucuk
Copy link
Copy Markdown

  • I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
  • My changes meet the requirements of the task
  • I have tested my changes
  • My changes follow the style guide

@netlify
Copy link
Copy Markdown

netlify Bot commented May 13, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 1356be0
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a0707639caf4a0008359478
😎 Deploy Preview https://deploy-preview-1260--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
2 paths audited
Performance: 100 (no change from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 86 (no change from production)
PWA: -
View the detailed breakdown and full score reports
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@TaliaKucuk TaliaKucuk added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 13, 2026
@Luro91 Luro91 added the Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. label May 14, 2026
Comment thread Form-Controls/style.css
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the styling of the form. It looks nice

Comment thread Form-Controls/index.html Outdated
Comment on lines +18 to +57
<div>
<label for="name">Name:</label>
<input type="text" id="name" name="customers_name" required pattern=".*\S.*\S.*">
</div>
<!-- 1. What is the customer's name? I must collect this data and
it contains at least two non-space characters. -->
<div><label for="mail">Email:</label>
<input type ="email" id="mail" name="customers_email" required></div>
<!-- 2. What is the customer's email? I must make sure the email is valid.
Email addresses follow a consistent pattern.-->
<div>
<label for="colour">Colour:</label>

<select id="colour" name="tshirt_colour" required>
<option value="" selected disabled>Choose a colour</option>
<option value="pink">Pink</option>
<option value="yellow">Yellow</option>
<option value="black">Black</option>
</select>
</div>
<!--3. What colour should this T-shirt be? I must provide 3 options.
How will I ensure they do not choose other colours?-->
<div>
<label for="size">Size:</label>

<select id="size" name="tshirt_size" required>
<option value="" selected disabled>Choose a size</option>
<option value="XS">XS</option>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
<option value="XL">XL</option>
<option value="XXL">XXL</option>
</select>
</div>
<!-- 4. What size does the customer want? I must provide the following 6 options:
XS, S, M, L, XL, XXL-->
<div class="button">
<button type="submit">Submit</button>
</div>
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I find the formatting of the code hard to read. How can you ensure consistent formatting in your code?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey, I installed the Prettier code formatting extension on VSCode and have now applied this. Hopefully the code is readable now?

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks now its nicely formatted. As described in the style guidy: https://curriculum.codeyourfuture.io/guides/reviewing/style-guide/

Indentation helps us to read our code by visually marking how the code is going to run. Programmers rely on this extra information to quickly read and understand code.

You could configure VS code to use prettier to automatically format the code when you save the file. Then you have not to think about it

@Luro91 Luro91 added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels May 14, 2026
@TaliaKucuk TaliaKucuk added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 21, 2026
@Luro91 Luro91 added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Reviewed Volunteer to add when completing a review with trainee action still to take. labels May 22, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Complete Volunteer to add when work is complete and all review comments have been addressed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants